
<template>
      <el-menu
         router
         :default-active="$route.path"
         background-color="pink"
         text-color="#fff"
         active-text-color="#1890FF"
         unique-opened>
        <el-submenu index="/users">
            <template slot="title">
                <i class="iconfont icon-user">
                     <span>用户管理</span></i>
            </template>
            <el-menu-item index="/users" >
            <i class="el-icon-menu">
                <span slot="title">用户管理</span>
            </i>
        </el-menu-item>
        </el-submenu>

         <el-submenu index="/order">
            <template slot="title">
                <i class="iconfont icon-3702mima">
                    <span>权限管理</span>
                </i>
            </template>
            <el-menu-item index="/order/panson">
            <i class="el-icon-menu">
                <span slot="title">角色列表</span>
            </i>
        </el-menu-item>
        <el-menu-item index="/order/list">
            <i class="el-icon-menu">
                <span slot="title">权限列表</span>
            </i>
        </el-menu-item>
        </el-submenu>

         <el-submenu index="/shop">
            <template slot="title">
                <i class="iconfont icon-shangpin">
                    <span>商品管理</span>
                </i>
            </template>
            <el-menu-item index="/shop/list">
            <i class="el-icon-menu">
                <span slot="title">商品列表</span>
            </i>
        </el-menu-item>
         <el-menu-item index="/shop/num" >
            <i class="el-icon-menu">
                <span slot="title">分类参数</span>
            </i>
        </el-menu-item>
         <el-menu-item index="/shop/type">
            <i class="el-icon-menu">
                <span slot="title">商品分类</span>
            </i>
        </el-menu-item>
        </el-submenu>

         <el-submenu index="/money/list">
            <template slot="title">
                <i class="iconfont icon-danju">
                    <span>订单管理</span>
                </i>
            </template>
            <el-menu-item index="/money/list">
            <i class="">
                <span slot="title">订单列表</span>
            </i>
        </el-menu-item>
        </el-submenu>


 <el-submenu index="/eachers/index">
            <template slot="title">
                <i class="iconfont icon-danju">
                    <span>数据统计</span>
                </i>
            </template>
            <el-menu-item index="/eachers/index">
            <i class="">
                <span slot="title">统计示例</span>
            </i>
        </el-menu-item>
        </el-submenu>

    </el-menu>
</template>

<script>
    export default {
        data(){
            return{
                menuList:[]
            }
        },
        methods:{
           async query(){
             let rst=  await this.$http.get("menus")
                console.log(rst);
                let {data,meta}=rst
                this.menuList=data
            }
        },
        mounted(){
            this.query()
        }
      
    }
</script>

<style lang="less" scoped>

</style>

